#footpanel {
background:none repeat scroll 0 0 #E3E2E2;
border-color:#C3C3C3;
border-style:solid solid none;
border-width:1px 1px medium;
bottom:0;
left:0;
margin-left:20px;
position:fixed;
z-index:9999;
width:96%;
}
#footpanel ul {
border-top:1px solid #FFFFFF;
float:left;
font-size:1.1em;
list-style:none outside none;
margin:0;
padding:0;
width:100%;
}
#footpanel ul li {
float:left;
margin:0;
padding:0;
position:relative;
}
#footpanel ul li a {
color:#333333;
float:left;
height:16px;
padding:5px;
position:relative;
text-decoration:none;
text-indent:-9999px;
width:16px;
}
html #footpanel ul li a:hover {
background-color:#FFFFFF;
}
html #footpanel ul li a.active {
background-color:#FFFFFF;
border-color:#254780;
border-right:1px solid #555555;
border-style:none solid solid;
border-width:medium 1px 1px;
height:17px;
margin-top:-2px;
position:relative;
z-index:200;
}
#footpanel a.home {
background:url("home.png") no-repeat scroll 15px center transparent;
border-right:1px solid #BBBBBB;
padding-left:20px;
text-indent:0;
width:70px;
}
#footpanel a.chat {
background:url("balloon.png") no-repeat scroll 15px center transparent;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding-left:40px;
text-indent:0;
width:126px;
}
a.alerts {
background:url("newspaper.png") no-repeat scroll center center transparent;
}
#footpanel li#chatpanel, #footpanel li#alertpanel {
float:right;
}
#footpanel a small {
background:url("pop_arrow.gif") no-repeat scroll center bottom transparent;
color:#FFFFFF;
display:none;
font-size:1em;
padding:5px 5px 11px;
text-align:center;
text-indent:0;
width:70px;
}
#footpanel a:hover small {
display:block;
left:50%;
margin-left:-40px;
position:absolute;
top:-35px;
z-index:9999;
}
#footpanel ul li div a {
color:#00629A;
float:none;
height:auto;
padding:0;
position:static;
text-indent:0;
width:auto;
}
#footpanel ul li div a:hover {
text-decoration:underline;
}
#footpanel .subpanel {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #254780;
bottom:27px;
display:none;
left:0;
overflow:hidden;
padding-bottom:2px;
position:absolute;
width:198px;
}
#footpanel h3 {
background:none repeat scroll 0 0 #5578b2;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
padding:5px;
border-top:1px solid #83a4db;
}
#footpanel h3 span {
float:right;
font-size:1.5em;
font-weight:normal;
line-height:0.6em;
}
#footpanel .subpanel ul {
background:none repeat scroll 0 0 #FFFFFF;
margin:0;
overflow:auto;
padding:0;
width:100%;
}
#footpanel .subpanel li {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
display:block;
float:none;
font-size:12px;
margin:0;
overflow:hidden;
padding:0;
position:static;
}
#chatpanel .subpanel li {
background:url("../images/dash.gif") repeat-x scroll left center transparent;

}
#chatpanel .subpanel li span {
background:none repeat scroll 0 0 #FFFFFF;
color:#777777;
float:left;
padding:5px;
}
#chatpanel .subpanel li a img {
float:left;
margin:0 5px;
}
#chatpanel .subpanel li a {
background:none repeat scroll 0 0 #FFFFFF;
display:block;
height:22px;
line-height:22px;
margin:0;
padding:3px 0;
text-indent:20px;
}
#chatpanel .subpanel li a:hover {
background:none repeat scroll 0 0 #c2d9ff;
color:#FFFFFF;
text-decoration:none;
}
#alertpanel .subpanel {
left:auto;
right:0;
}
#alertpanel .subpanel li {
border-top:1px solid #F0F0F0;
display:block;
}
#alertpanel .subpanel li p {
padding:5px 10px;
}
#alertpanel .subpanel li a.delete {
background:url("delete_x.gif") no-repeat scroll 0 0 transparent;
float:right;
height:14px;
margin:5px;
text-indent:-9999px;
visibility:hidden;
width:13px;
}
#alertpanel .subpanel li a.delete:hover {
background-position:left bottom;
}
#footpanel #alertpanel li.view {
padding:5px 10px 5px 0;
text-align:right;
}
